<!--
  Generated template for the RegisterPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

	<ion-navbar>
		<ion-title></ion-title>
	</ion-navbar>

</ion-header>

<ion-content>
	<div class="image">
		<div class="titles">
			用户注册
		</div>
		<img src="assets/imgs/login1.png" />
	</div>
	<!--
	渐变设置是在app.scss里修改
-->
	<ion-item class='input_item'>
		<ion-label >手机号</ion-label>
		<ion-input type="number" placeholder="请输入手机号" [(ngModel)]="registerInfo.UserName" clearInput></ion-input>
	</ion-item>
	
	<ion-item class='input_item'>
		<ion-label >验证码</ion-label>
		<ion-input type="number" value="" max="999999" placeholder="验证码" [(ngModel)]="veritycode" ></ion-input>
		<button class="send" ion-button item-end icon-left (click)="getSMS()" *ngIf="date <= 0"><ion-icon name="send"></ion-icon>发送验证码</button>
		<button class="send" ion-button item-end icon-left *ngIf="date > 0"><ion-icon name="send"></ion-icon>{{date}}s</button>
	</ion-item>
	
	<ion-item class='input_item'>
		<ion-label >设置密码</ion-label>
		<ion-input type="{{eyeshow?'text':'password'}}" placeholder="请设置密码" [(ngModel)]="registerInfo.PassWord" clearInput></ion-input>
		<!-- <a href="javascript:;" rel="external nofollow" item-end (click)="eyeshow=!eyeshow" [ngClass]="eyeshow?'eyeshow':'eyehide'"> -->


		<a href="javascript:;" rel="external nofollow" item-end (click)="eyeshow=!eyeshow" *ngIf='eyeshow'>
			<ion-icon name="ios-eye" color="dark" class="eye-show"></ion-icon>
			<!--睁眼图标-->
		</a>

		<a href="javascript:;" rel="external nofollow" item-end (click)="eyeshow=!eyeshow" *ngIf='!eyeshow'>
				<ion-icon name="ios-eye-off" color="dark" class="eye-hide"></ion-icon>
			<!--闭眼图标-->
		</a>


		<!-- </a> -->
		<!-- 注：代码中的eyeshow=!eyeshow默认的eyeshow的值就是true或者false，以此控制上面input的type类型。
				实现后的效果是：默认是密码不可见  -->
	</ion-item>
	<!-- <input type="{{eyeshow?'text':'password'}}" name="" id="password" value="" ng-model="user.password" style="padding-right:30px ;" /> -->


	

	<ion-item class='input_item'>
		<ion-label >设置昵称</ion-label>
		<ion-input type="text" placeholder="请设置昵称" [(ngModel)]="registerInfo.Nickname" clearInput></ion-input>
	</ion-item>
	<!--
		remark:暂时不需要该功能
    <ion-item>
		<ion-label fixed>邀请人手机号</ion-label>
		<ion-input type="text" placeholder="该项可不填"></ion-input>
	</ion-item>
  -->
	<div style="text-align: center; margin-left: 30px; margin-right: 30px;">
		<button ion-button full (click)="registerSuccess()" class="buttonstyle">
			注册
		</button>
	</div>

	<h5 style="text-align:center" style="font-size:14px; text-align: center;color: #8a8989;">注册后代表您已经查阅并同意</h5>
	<div style="text-align:center" class="font1">
		<a href="javascript:void(0)" (click)="useragr()">《鸣智智充用户服务协议》</a>
	</div>

</ion-content>